<template>
  <div class="p-3 flex flex-col gap-5">
    <div class="flex gap-4 mt-3">
      <!-- <v-btn class="rounded-lg" color="#0057FF" prepend-icon="mdi-plus">
        上传文件
      </v-btn> -->
      <UploadFile />
      <v-btn class="rounded-lg" prepend-icon=" mdi-folder-plus-outline">
        新建文件夹
      </v-btn>
    </div>
    <div>全部文件</div>
    <v-data-table
      :headers="headers"
      :item-value="item => `${item.file}-${item.time}`"
      :items="desserts"
      items-per-page="5"
      show-select
    >
      <template #item.file="{ item }"> 123 </template>
    </v-data-table>
  </div>
</template>

<script setup lang="ts">
import UploadFile from '@/components/file/UploadFile.vue';
const desserts = [
  {
    file: 'wechat.png',
    time: '3.11',
  },
];
const headers = [
  {
    title: '文件名',
    align: 'start',
    key: 'file',
  },
  { title: '修改时间', align: 'center', key: 'time' },
];
</script>

<style scoped></style>
